import { ref } from 'vue';
import _ from 'lodash';
import { Message } from '@arco-design/web-vue';
import * as Stroe from '@/store';
import * as Api from '@/api/filmRead/filmRead';
import type * as StoreType from '@/store/modules/filmReadHeader/type';
import bus from '@/views/videoLabel/tools/bus';
export default function usePageRight() {
  // const FilmReadHeader = Stroe.useFilmReadHeader();

  // 表单操作
  const handleChange = async (
    value:
      | string
      | number
      | boolean
      | (string | number | boolean)[]
      | Record<string, any>
      | (
          | string
          | number
          | Record<string, any>
          | (string | number | Record<string, any>)[]
        )[]
      | undefined,
    form: any,
    type: number,
    it?: any
  ) => {
    if (it) {
      form.formOptions.length !== 0 && form.formOptions.map((item:any) => {
        if(item.type === 'checkbox' && item.id === it.id) {
          if (Array.isArray(value)) {
            if (value.includes('-1') && value.length == 2 && value[0] === '-1' ) {
              form.form[item.componentId] = (value as any[]).filter((it: any) => it !== "-1") as { [x: string | number]: any };
              value = form.form[item.componentId] as any[];
            } 
            if ( value.includes('-1')) {
              form.form[item.componentId] = value.filter((it:any) => it === "-1") as { [x: string | number]: any };
            }
          }
        }else if(item.type === 'text' && item.id === it.id){
          form.form[item.componentId] = value
        }
      })
    }
    console.log("form", form)
    if( type === 1 ){
      //大征象
      bus.emit("sign.bigChang", form);
    } else {
      bus.emit("sign.smallChang", form);
    }
    // if (item.parameter && item.parameter.isdefault) {
    //   // 为true调用变更征象接口
    //   const params: any = {
    //     // arId: FilmReadHeader.seriesList && FilmReadHeader.seriesList[0].id,
    //     alrId: 0,
    //     acrList: [
    //       {
    //         componentId: item.componentId,
    //         result: '',
    //       },
    //     ],
    //   };
    //   if (Array.isArray(value)) {
    //     const newValue = _.cloneDeep(value);
    //     if (item.type === 'checkbox' || item.type === 'child_select') {
    //       params.acrList[0].result =
    //         newValue.length > 1 ? newValue.join('@#@') : newValue[0];
    //     }
    //   } else {
    //     value && (params.acrList[0].result = String(value));
    //   }
    //   if (type === 2 && FilmReadRight.currentSubmenuItem) {
    //     params.alrId = Number(FilmReadRight.currentSubmenuItem);
    //   }
    //   const res = await Api.saveCrListData(params);
    //   const { acrList } = res.data;
    //   item.acrId = acrList[0].acrId;
    //   item.id = acrList[0].acrId;
    //   // Message.success('新增成功！');
    // } else {
      

    //   // 为false调用新增
    //   if (item.acrId && value) {
    //     if (Array.isArray(value)) {
    //       const newValue = _.cloneDeep(value);
    //       const params:any = {
    //         acrId: item.acrId,
    //         result: newValue.length > 1 ? newValue.join('@#@') : newValue[0],
    //       };
    //       const res = await Api.updateCrListData(params);
    //       // Message.success('更新成功！');
    //       // getInitData();
    //     } else {
    //       const params = {
    //         acrId: item.acrId,
    //         result: String(value),
    //       };
    //       const res = await Api.updateCrListData(params);
    //       // Message.success('更新成功！');
    //     }
    //   } else {
    //     if (value) {
    //       const params:any = {
    //         // arId: FilmReadHeader.seriesList && FilmReadHeader.seriesList[0].id,
    //         alrId: 0,
    //         acrList: [
    //           {
    //             componentId: item.componentId,
    //             result: '',
    //           },
    //         ],
    //       };
    //       if (Array.isArray(value)) {
    //         const newValue = _.cloneDeep(value);
    //         if (item.type === 'checkbox' || item.type === 'child_select') {
    //           const result:any = newValue.length > 1 ? newValue.join('@#@') : newValue[0];
    //           params.acrList[0].result = result;
    //         }
    //       } else {
    //         value && (params.acrList[0].result = String(value));
    //       }
    //       if (type === 2 && FilmReadRight.currentSubmenuItem) {
    //         params.alrId = Number(FilmReadRight.currentSubmenuItem);
    //       }
    //       const res = await Api.saveCrListData(params);
    //       const { acrList } = res.data;
    //       item.acrId = acrList[0].acrId;
    //       item.id = acrList[0].acrId;
    //       // Message.success('新增成功！');
    //     }
    //   }
    // }
  };
  
  const handleBlur = ()=> {
    bus.emit("sign.inputEvent", true);
  }
  const handleFocus = ()=> {
    bus.emit("sign.inputEvent", false);
  }
  return {
    handleBlur,
    handleFocus,
    handleChange,
  };
}
